<div style="margin:10px">

<div class='pull-right text-info'>进行抓包分析时，请保持当前页面打开。</div>

<div class="row">
    <div class="col-lg-4">
        <span class="h1">{{.api.Name}}</span>
        <span id="connect_status">offline</span>
        &nbsp;抓包分析
        <a href="/_/api?name={{.api.Name}}">管理</a>
        &nbsp;pv:<span id="api_pv_{{.api.Name}}">{{.api.GetPv}}</span>
        &nbsp;user:<span id="api_ana_user_{{.api.Name}}">1</span>
    </div>
    <div class="col-lg-4">
        <form class="form form-inline" id="form_analysis_filter">
        filter uri:<input type="text" name="uri_prex" class="form-control" value="{{.uri_prex}}">
        </form>
    </div>
</div>

</div>


<div>
<table class="table table-condensed">
<thead>
<tr>
    <th width="180px"># &nbsp;<a href="#" onclick="req_clean();return false;">clean</a></th>
    <th>Method</th>
    <th>Path</th>
    <th>Status</th>
    <th>Remote</th>
    <th>Master</th>
    <th>Used</th>
</tr>
</thead>
<tbody id="req_list">

</tbody>
</table>
</div>

<script>

var api_front_apiName="{{.api.Name}}";

</script>

<script type="text/javascript" src="/_/res/js/analysis.js?_v={{.version}}"></script>
<script>
(function(){
	var w=$(window).width()*0.78;
    document.write("<style>#req_list pre{max-width:"+w+"px}</style>");
})()
</script>

<ul class="list-group" id="analysis_toggle_btn">
  <li class="list-group-item" id="item_open_all"><a href="#">Open All</a></li>
  <li class="list-group-item" id="item_close_all"><a href="#">Close All</a></li>
  <li>
  <div class="checkbox">
    <label><input type="checkbox" id="item_checkbox_receive" checked=checked autocomplete="off">receive</label>
  </div>
  </li>
</ul>


